
<script setup>
import { onMounted, computed, ref } from "vue";
import { useStore } from "vuex";
const store = useStore();
let listxq = computed(() => store.state.huodong.listxq);
const onClickLeft = () => history.back();
</script>
<template>
  <van-nav-bar
    :fixed="true"
    :placeholder="true"
    title="活动报名"
    left-arrow
    @click-left="onClickLeft"
  />
  <div class="box">
    <!-- <span>{{listxq.name}}</span> -->
    <h3>活动内容：</h3>
    <span>{{listxq.context}}</span>

    <h4>活动时间：{{listxq.applyStratTime}}</h4>

    <ul>
      <li>活动准备：</li>
      <li>{{listxq.ready}}</li>
    </ul>

    <span>温馨提示：为提前准备活动礼品，请提前报名，并在班主任处领取游戏券。名额有限，先报先得！</span>
    
  </div>
  <van-button type="primary" block>立即报名</van-button>
</template>



<style  scoped>
.box {
  padding: 20px;
  margin-bottom: 30px;
}
.yx {
  align-self: start;
}
</style>